<!doctype html>
<html class="no-js fixed-layout" xmlns:th="http://www.thymeleaf.org" xmlns:http="http://www.w3.org/1999/xhtml">
<head th:include="include/fore/header::html">
    <meta charset="UTF-8">
    <title>指尖上的魔术师</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="keywords" content="blog,learning,IT,code,sirius,java,machine learning,playing all kinds of balls">
    <meta name="description" content="从事编程，喜欢各种球类、户外运动。专注于java技术栈，熟悉redis、shiro、elastic search、webmagic、websocket等中间件
    ，热衷前沿人工智能技术的学习，虽然只是入个门(*^__^*) 嘻嘻……。">

    <link rel="icon" type="image/x-icon" href="img/icon.jpg">
    <link href="css/amazeui.min.css" rel="stylesheet">
    <link href="css/amaze.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/fore/index.css">
    <link rel="stylesheet" href="css/plugs_paging.css">

    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/underscore-min.js"></script>
    <script src="js/amazeui.min.js"></script>
    <script src="js/vue.min.js"></script>
    <script src="js/axios.min.js"></script>

    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
        }
    </style>
    <style>
        .top_bar_active {
            color: #3bb4f2 !important;
            background-color: transparent !important;
        }
    </style>
</head>
<body>
    <div th:replace="include/fore/top::html">
        <div class="am-topbar" style="background-color: #303643; position: fixed; z-index:100; width:100%; border-color: transparent;">
            <h1 class="am-topbar-brand">
                <a href="#" style="color:#fff">指尖上的魔术师</a>
            </h1>
            <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
            <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
                <ul class="am-nav am-nav-pills am-topbar-nav" style="padding-left: 0px; padding-top: 2px;">
                    <li v-if="item == 'home'"><a class="top_bar top_bar_a top_bar_active" href="/"><span class="am-icon-home"></span>&nbsp;首页</a></li>
                    <li v-else><a class="top_bar top_bar_a" href="/categories"><span class=""></span>&nbsp;文件夹</a></li>
                    <li v-else><a class="top_bar top_bar_a" href="/date"><span class=""></span>&nbsp;日期</a></li>
                    <li v-else><a class="top_bar top_bar_a" href="/tags"><span class=""></span>&nbsp;标签墙</a></li>
                    <!--<li><a class="top_bar top_bar_a" href="/update"><span class=""></span>&nbsp;更新</a></li>-->
                    <li v-else><a class="top_bar top_bar_a" href="/friendlylink"><span class=""></span>&nbsp;友链</a></li>
                </ul>
            
                <div class="am-topbar-right" th:if="${null==session.user}" style="margin-top: 3px; float: right;">
                    <a href="/register" class="am-btn am-btn-primary am-topbar-btn am-btn-sm" style="color: white">注册</a>
                </div>
                <div class="am-topbar-right" th:if="${null==session.user}" style="margin-top: 3px; float: right;">
                    <a href="/login" class="loginBtn am-btn am-btn-primary am-topbar-btn am-btn-sm" style="color: white">登录</a>
                </div>
            </div>
        </div>
    </div>

    <!--页面主体内容-->
    <div class="am-cf admin-main" style="padding-top: 0">
        <!--右侧-->
        <div id="app">
            <div id="main">
                <div class="superAdminInfo">
                    <div class="superFunction" id="userFeedback">
                        <div class="subject">
                            <div class="superFunction" id="privateWord">
                                <div class="subject" style="padding: 20px 40px 0 40px;">
                                    <p>动态消息：1</p>
                                    <div class="am-tabs" data-am-tabs>
                                        <ul class="am-tabs-nav am-nav am-nav-tabs">
                                            <li class="am-active"><a href="#tab1">评论</a></li>
                                            <li><a href="#tab2">点赞</a></li>
                                        </ul>

                                        <div class="am-tabs-bd" style="border: 0 #fff solid;">
                                            <div class="am-tab-panel am-fade am-in am-active" id="tab1">
                                                <div class="privateWord am-animation-slide-right" style="padding: 0 60px 0 0;">
                                                    <div class="msgRead am-g admin-like admin-like-border">
                                                        <div class="am-u-sm-1">
                                                            <img src="img/icon.jpg" class="portrait-img">
                                                        </div>

                                                        <div class="am-u-sm-11">
                                                            <div style="margin-left: -10px;">
                                                                <span class="msgHead like-content"><a class="msgPerson">指尖上的魔术师</a></span> <span class="msgDate">2019-07-30 16:37:17</span>
                                                                <div class="msgTxt like-content" style="width: 600px;">
                                                                    <p style="margin-bottom: 0px;">
                                                                        <span>回复: <span style="color: #4183c4;">@指尖上的魔术师 </span></span>评论内容
                                                                    </p>
                                                                </div>
                                                                <div class="my-row">
                                                                    <div class="thumbsUpPagination"></div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div style="margin-bottom: 20px; margin-left: -9px;">
                                                            <img src="img/admin/caret.png" class="admin-comment-caret">
                                                            <div class="admin-comment-tips">
                                                                <a target="_blank">原文标题</a>
                                                                <p style="margin-top: 5px;">原文简述</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="am-tab-panel am-fade" id="tab2">
                                                <div class="privateWord am-animation-slide-right" style="padding: 0 60px 0 0;">
                                                    <div class="msgRead am-g admin-like admin-like-border">
                                                        <div class="am-u-sm-1">
                                                            <img src="img/icon.jpg" class="portrait-img">
                                                        </div>

                                                        <div class="am-u-sm-11">
                                                            <div style="margin-left: -10px;">
                                                                <span class="msgHead like-content"><a class="msgPerson">指尖上的魔术师</a></span> <span class="msgDate">2019-08-09 13:32:09</span>
                                                                <div class="msgTxt like-content" style="width: 600px;">
                                                                    <p style="margin-bottom: 0px;">
                                                                        点赞了博客
                                                                    </p>
                                                                </div>
                                                                <div class="my-row">
                                                                    <div class="thumbsUpPagination"></div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div style="margin-bottom: 20px; margin-left: -9px;">
                                                            <img src="img/admin/caret.png" class="admin-comment-caret">
                                                            <div class="admin-comment-tips">
                                                                <a :href="'/article?aid='+like.article.id" target="_blank">原文标题</a>
                                                                <p style="margin-top: 5px;">原文简述</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--引入共有底部-->
            <div th:fragment="footer">
                <div class="footer">
                    <div class="footer am-u-sm-centered" style="height: 42.5px; background-color: #222222;">
                        <div class="am-vertical-align" style="text-align: center;">
                            <div class="am-vertical-align-bottom">
                                <div style="color: #009688;font-size: 15px; line-height: 42.5px;">
                                    &copy; 2018-2019 指尖上的魔术师
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--<div id="sidebar_toggle" data-am-offcanvas="{target: '#offCanvas'}">-->
                        <!--<div class="sidebar_toggle_line_wrap">-->
                            <!--<span class="sidebar-toggle-line sidebar-toggle-line-first" style="width: 100%; top: 0; transform: rotateZ(0deg); opacity: 1; left:0"></span>-->
                            <!--<span class="sidebar-toggle-line sidebar-toggle-line-middle" style="width: 100%; opacity: 1; left: 0; top: 0; transform: rotateZ(0deg);"></span>-->
                            <!--<span class="sidebar-toggle-line sidebar-toggle-line-last" style="width: 100%; top: 0; transform: rotateZ(0deg); opacity: 1; left: 0;"></span>-->
                        <!--</div>-->
                    <!--</div>-->
                    <div id="offCanvas" class="am-offcanvas">
                        <div class="am-offcanvas-bar am-offcanvas-bar-flip">
                            <div class="am-offcanvas-content">
                                <div class="sidebar-inner">
                                    <div class="site-overview">
                                        <div class="img-author" style="text-align: center">
                                            <p style="font-size: large;font-family: 仿宋">微信公众号</p>
                                            <div id="weixin">
                                                <img class="weixinPublic" src="img/wechat _official_account.jpg">
                                            </div>
                                            <div class="author-name">
                                                指尖上的魔术师
                                            </div>
                                            <div class="author-words">
                                                <p>从事编程，喜欢各种球类、户外运动。专注于java技术栈，熟悉redis、shiro、elastic search、webmagic、websocket等中间件
                                                    ，热衷前沿人工智能技术的学习，虽然只是入个门(*^__^*) 嘻嘻……。</p>
                                            </div>

                                        </div>
                                        <div class="site-state" style="opacity: 1; display: block; transform: translateX(0px);">
                                            <div class="site-state-item learn-posts">
                                                <a href="/archives">
                                                    <span class="archivesNum site-state-item-count"></span>
                                                    <span class="site-state-item-name">日志</span>
                                                </a>
                                            </div>
                                            <div class="site-state-item learn-categories">
                                                <a id="site-state-item-a" href="/categories">
                                                    <span class="categoriesNum site-state-item-count"></span>
                                                    <span class="site-state-item-name">分类</span>
                                                </a>
                                            </div>
                                            <div class="site-state-item learn-tags">
                                                <a href="/tags">
                                                    <span class="tagsNum site-state-item-count"></span>
                                                    <span class="site-state-item-name">标签</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="back-to-top" style="bottom: 60px; right: 40px; width: 50px; position: fixed; display: none;">
                        <a href="#top" title="回到顶部">
                            <img src="img/top.png" style="width: 50px; max-width: 50px;"/>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

<script src="js/all.js"></script>
<script src="js/scroll.js"></script>
<script src="js/fore/activity.js"></script>
<script>
    var data4Vue = {
        item: ''
    };
    //ViewModel
    var vue = new Vue({
        el: '#top',
        data: data4Vue,
        mounted:function(){ //mounted　表示这个 Vue 对象加载成功了

        },
        methods: {

        }
    });
</script>
</body>
</html>
